<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<html>
<head>
   <script type="text/javascript">
       function f1() {
//           console.log($('.chen:checked').attr('id'))
           $('.chen:checked').each(function () {
               console.log($(this).attr('id'))
               console.log($(this).val())
           })
           if ($('.sx:checked').length>0){

               console.log($('.sx:checked').val());
           }
           console.log($('select').val())
       }
   </script>
</head>
<body>
    <h2>表单域选择器</h2>
    爱好：
    <input id="001" type="checkbox" class="chen" name="hobby[]" value="1">篮球
    <input id="002" type="checkbox" class="chen" name="hobby[]" value="2">足球
    <input id="003" type="checkbox" class="chen" name="hobby[]" value="3">排球
    <input id="004" type="checkbox" class="chen" name="hobby[]" value="4">棒球
    <hr /></hr />
    性别：
    <input type="radio" class="sx" name="sex" value="a">男性
    <input type="radio" class="sx" name="sex" value="b">女性
    <input type="radio" class="sx" name="sex" value="c">保密
    <hr /></hr />

    城市
    <select>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="广州">广州</option>
        <option value="厦门">厦门</option>
    </select>
    <input type="button" value="触发" onclick="f1()">
</body>
</html>
